import React from 'react'

interface IProp{
    onChange:(value:string)=>void
}

// 修复方案：使用 export default 的函数声明形式
const FunCom = ({onChange}:IProp) => {
    return (
        <div>
            <button onClick={()=>{onChange('new value')}}>按钮</button>
        </div>
    )
}

// 方案一：保持此ES模块语法，但需要在package.json中设置"type": "module"
export default FunCom

/**
该代码报错需要解决以下几部分：
    1：tsconfig.json中配置
        "allowSyntheticDefaultImports": true,
        "esModuleInterop": true,
        "jsx": "react-jsx"
    2：package.json中配置
        "react": "^19.1.1",
        "type": "module"
    3：npm i --save-dev @types/react

 */